<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Authenteo Editor</title>
<link rel="SHORTCUT ICON" href="editor/favicon.ico"> 



<style type="text/css">

#editframe {
	border: 1px solid #bbb;
	margin:0px;
	padding:0px;
}
body {
margin-top:2px;
margin-left:0px;
margin-right:2px;
margin-bottom:2px;

background-color:#CCC;
background-image:url('editor/images/background.jpg');
background-repeat:repeat-x;
}
.renderingBodyClass {
	border: 1px solid #bbb;
	background-color: #fff;
}
#popupContainer {
position:absolute;
z-index:100; 
left:0px;
top:0px;
font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
font-family:Arial,serif;
}
#explorer {
font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
font-family:Arial,serif;
}
h1,h2,h3,h4,h5,h6,pre{
margin:0;padding:0;
}
.toolbar {
font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
font-family:Arial,serif;
	float:left;
	height:28px;
}
#versionList input {
width:80px;
}
#tabTable td{
	border: 1px solid #bbb;
	border-bottom: 1px solid #eee;
	background-color: #eee;
}
#tabTable a{
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	display:block;
	background-color: #ddd;
	text-decoration:none;
}
#tabTable a:hover{
	background-color: #fff;
}
#tabTable .selected {
	background-color: #eee;
	font-weight:bold;
}
#formatblock {
	width:165px;
}
#fontsize input{
	width:100px;
}
#fontname input{
	width:100px;
}
.rteVertSep {
	margin: 0 4px 0 4px;
}
.ribbonExpander {
	float:left;
	cursor: pointer;
	cursor: hand;
}
.ribbon {
	border-right: 2px solid #888;
	overflow-x:hidden;
}
.rteBack {
	border : 0;
	letter-spacing: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	width:200px;
}
.rteBack tbody tr td, .rteBack tr td {
	padding: 1;
}
.smallIcon {
	margin:4px;
	height:16px;
	width:16px;
}
.editButton  {
	width:25px;
	height:24px;
	cursor: pointer;
	cursor: hand;
	text-align:center;	
	padding: 1px;
	}
.editButtonHover {
	width:25px;
	height:24px;
	text-align:center;	
	background-color: #aabbdd;
	border: 1px outset #96968c;
	cursor: pointer;
	cursor: hand;
	padding: 0px;
}
.editButtonDown {
	width:25px;
	height:24px;
	text-align:center;	
	background-color: #bcf;
	border: 1px inset #96968c;
	cursor: pointer;
	cursor: hand;
	padding: 0px;
}
select {
margin-left: 3px;
}
.clickTarget {
	width:24px;
	height:24px;
	margin:0px;
}
.pngImg {
	width:16px;
	height:16px;
	margin:4px;
}
.rteDiv {
	display: block;
	position: relative;
}

    .panelDiv {
        position:relative;
        height: 300px;
    }
	
    .handleDiv {
        position: absolute;
        bottom:0px;
        right: 0px;
        width:10px;
        height:10px;
        background-color:blue;
        background: url('editor/images/resizetextarea.gif');
        font-size: 1px;
        cursor:SE-resize;
    }
	.dropDownOptions {
		width: 19px;
		height: 21px;
        background: url('auth/images/arrowdown.gif');
        background-repeat: no-repeat;
	}


/* Color picker stuff */
	.smallInput { font-size: 8px}

	#colorPicker { 
		display: none;
		position: absolute;
		background-color: #eeeeee;
		top: 200px;
		left: 20px;
		width: 360px;
		height: 240px;
	}

	#pickerHandle {
		background-color: #bbbbbb;
		height: 10px;
		cursor: move;
	}

	#hueThumb { 
		cursor:default;
		width:18px; 
		height:18px; 
		z-index: 9;
		position:absolute; 
	}

	#hueBg {
		position:absolute; 
		left:216px; 
		height:198px; 
		width:18px; 
		background:url(auth/yui/slider/img/hue.png) no-repeat;
		top:18px;
	}
	
	#pickerDiv {
		position:absolute; 
		left:10px; 
		height:187px; 
		width:188px; 
		/*
		background:url(auth/yui/slider/img/pickerbg.png) no-repeat;
		*/
		top:20px;
	}

	#pickerbg { 
		position:absolute; 
		top:0px;
		left:0px;
	}

	#selector { 
		cursor:default;
		width:11px; 
		height:11px; 
		z-index: 9;
		position:absolute; 
		top:0px;
		left:0px;
	}

	#valdiv { text-align:right; position:absolute; top: 86px; left:246px; } 

	#rBG {top:180px}
	#gBG {top:210px}
	#bBG {top:240px}

	#swatch {
		position:absolute; 
		left:260px; 
		top:30px;
		height:60px; 
		width:60px; 
		border:2px solid #aaaaaa;
	}

.toolTip {
	position:absolute;
	background-color:#ff8;
	border:1px solid #333;	
	-moz-user-select: none;
}
.emptyArea{
BACKGROUND-IMAGE: url('../images/editor/empty.gif');
}

.hoverOutlineHorz {
	border-top:1px dashed #B07;
	position:absolute;
	z-index:2147483646;
	cellspacing:0;
	cellpadding:0;
	height:3px;
	-moz-user-select: none;
}
.hoverOutlineVert {
	border-left:1px dashed #B07;
	position:absolute;
	z-index:2147483646;
	cellspacing:0;
	cellpadding:0;
	width:3px;
	-moz-user-select: none;
}
.hoverOptions {
background-color:#ABCDEF;
font-family:verdana;
text-decoration:none;
font-weight:normal;
font-variant:normal;
font-style:normal;
color:purple;
font-size:10px;
cursor: hand;
position:absolute;
z-index:2147483646;
	cellspacing:0;
	cellpadding:0;
	-moz-user-select: none;
}

.focalBar {
background-color:#EF89AB;
	-moz-user-select: none;
}

</style>

<body scroll="no">
<div id="popupContainer" ></div>
<div class="toolbar" id="standard" onmousedown="editor.recordRange(2)">
<table class="rteBack" cellpadding="0" cellspacing="0" height="28">
	<tr>
		<td style="padding-left:5px">
			<!--[if IE]><img src="auth/images/spacer.gif" onclick="dropDownClick('formatblock')" style="width:165px;height:24px;position:absolute;z-index:1"/>			<![endif]-->			
			<div id="formatblock" class="dropDown"></div>
		</td>
		<td id="cssEditButton"><div class="editButton"><img class="pngImg" onclick="editor.editCSSForSelection()" src="editor/images/style.png"  alt="Edit Style for this Formatting" title="Edit Style for this Formatting"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="clipboard.action('cut')" src="editor/images/cut.png"  alt="Cut" title="Cut"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="clipboard.action('copy')" src="editor/images/page_copy.png"  alt="Copy" title="Copy"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="clipboard.action('paste')"src="editor/images/paste_plain.png"  alt="Paste" title="Paste"></div></td>
		<td><img class="rteVertSep" src="editor/images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.rteCommand('bold', '')" src="editor/images/text_bold.png"  alt="Bold" ></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.rteCommand('italic', '')" src="editor/images/text_italic.png"  alt="Italic" ></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.rteCommand('underline', '')" src="editor/images/text_underline.png"  alt="Underline" title="Underline" ></div></td>
		<td ><img class="rteVertSep" src="editor/images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
		<td><div class="editButton"><img onclick="editor.rteCommand('insertorderedlist', '')" src="editor/images/numbered_list.gif" width="25" height="24" alt="Ordered List" title="Ordered List"></div></td>
		<td><div class="editButton"><img onclick="editor.rteCommand('insertunorderedlist', '')" src="editor/images/list.gif" width="25" height="24" alt="Unordered List" title="Unordered List"></div></td>
		<td><div class="editButton"><img onclick="editor.rteCommand('outdent', '')" src="editor/images/outdent.gif" width="25" height="24" alt="Outdent" title="Outdent"></div></td>
		<td><div class="editButton"><img onclick="editor.rteCommand('indent', '')" src="editor/images/indent.gif" width="25" height="24" alt="Indent" title="Indent"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.restoreFormatting()" src="editor/images/font.png" alt="Restore Formatting" title="Restore Formatting"></div></td>
		<td ><img class="rteVertSep" src="editor/images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
		<td><div class="editButton"><img onclick="editor.hyperlink()" src="editor/images/hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.insertFile()" src="editor/images/picture_add.png"  alt="Insert Image Or File" title="Insert/Replace Image Or File"></div></td>
		<td><div id="table_rte1" class="editButton"><img onclick="editor.insertTable()" src="editor/images/insert_table.gif" width="25" height="24" alt="Insert Table" title="Insert Table"></div></td>
		<td><div class="editButton"><img onclick="editor.rteCommand('inserthorizontalrule', '')" src="editor/images/hr.gif" width="25" height="24" alt="Horizontal Rule" title="Horizontal Rule"></div></td>
<!--		<td><div id="table_rte1" class="editButton"><img onclick="dlgInsertTable('table', '')" src="editor/images/insert_table.gif" width="25" height="24" alt="Insert Table" title="Insert Table"></div></td>-->
		<td><div class="editButton"><img class="pngImg" onclick="editor.insertAnchor()" src="editor/images/book_link.png"  alt="Insert Anchor (link target)" title="Insert Anchor (link target)"></div></td>
		<!--[if IE]><td><div class="editButton"><img class="pngImg" onclick="editor.checkspell()" src="editor/images/spellcheck.png"  alt="Spell Check" title="Spell Check"></div></td><![endif]-->
		<td><div class="editButton"><img class="clickTarget" onclick="editor.showInsertComponent()" src="editor/images/plugin.gif"  alt="Insert Component" title="Insert Component"></div></td>
		<td><div class="editButton"><img class="clickTarget" onclick="editor.save();return false;" src="editor/images/disk.gif" alt="Save" title="Save now (saves occur automatically as needed)"></div></td>
</table>
</div>
<div class="toolbar" id="layout" style="display:none" onmousedown="editor.recordRange(2)" >

<table cellpadding=0 cellspacing=0>
	<tr>
<!--		<td><div class="editButton"><img onclick="alignmentPosition('relative')" src="editor/images/shape_move_backwards.gif" class="clickTarget" alt="Float inline text layout" title="Float inline text layout"></div></td>
		<td><div class="editButton"><img onclick="alignmentPosition('absolute')" src="editor/images/shape_move_forwards.gif" class="clickTarget" alt="Float outside text layout" title="Float outside text layout"></div></td>-->
		<td style="padding-left:5px"><div class="editButton"><img onclick="editor.bringForward()" src="editor/images/shape_move_front.gif"  class="clickTarget" alt="Bring Forward" title="Bring Forward"></div></td>
		<td><div class="editButton"><img onclick="editor.moveBack()" src="editor/images/shape_move_back.gif"  class="clickTarget" alt="Move Back" title="Move Back"></div></td>
		<td><img class="rteVertSep" src="editor/images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.alignment('left')" src="editor/images/float_left.png"  alt="Position Left" title="Position Left"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.alignment('center')" src="editor/images/inline.png"  alt="Inline" title="Inline"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.alignment('right')" src="editor/images/float_right.png"  alt="Position Right" title="Position Right"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.editImage()" src="editor/images/picture_edit.png"  alt="Edit Image" title="Edit Image"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.imageCaption()" src="editor/images/photo.png"  alt="Add/Edit Caption" title="Add/Edit Caption"></div></td>

</tr>
</table>
</div>
<div class="toolbar" id="tableEditing" style="display:none" onmousedown="editor.recordRange(2)" >

<table cellpadding=0 cellspacing=0>
	<tr>
		<td><div class="editButton"><img class="pngImg" onclick="editor.copyTableRow()" src="editor/images/table_row_insert.png"  alt="Insert Row" title="Insert Row"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.copyTableColumn()" src="editor/images/table_col_insert.png"  alt="Insert Column" title="Insert Column"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.deleteTableRow()" src="editor/images/table_row_delete.png"  alt="Delete Row" title="Delete Row"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.deleteTableColumn()" src="editor/images/table_col_delete.png"  alt="Delete Column" title="Delete Column"></div></td>

</tr>
</table>
</div>
<div class="toolbar" id="admin" onmousedown="editor.recordRange(2)" >
<table cellpadding="0" cellspacing="0">
	<tr>
		<td style="padding-left:5px" nowrap>
			<a href="javascript:void(0)" id="signin" style="font-size:10px" title="Click here to sign out and sign in">Sign in</a>			
		</td>
		<td style="padding-left:5px">Editing:</td>
		<td>
			<!--[if IE]><img src="auth/images/spacer.gif" onclick="dropDownClick('versionList')" style="width:100px;height:24px;position:absolute;z-index:1"/>			<![endif]-->			
			<div id="versionList" class="dropDown"></div>
		</td>
		<td id="publishButton"><div class="editButton"><img class="pngImg" onclick="editor.publish();return false;" src="editor/images/page_go.png" alt="Publish" title="Publish"></div></td>
		<td><div class="editButton"><img class="clickTarget" onclick="window.open('http://help.authenteo.com','help')" src="editor/images/help.gif"  alt="Help" title="Help"></div></td>
		<td><div class="editButton"><a href="mailto:feedback@authenteo.com"><img border="0" src="editor/images/user_comment.gif"  alt="Questions/User Feedback/Bug Report" title="User Feedback/Bug Report"></a></div></td>
		<td ><img class="rteVertSep" src="editor/images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.undo()" src="editor/images/undo.png" alt="Undo" title="Undo"></div></td>
		<td><div class="editButton"><img class="pngImg" onclick="editor.undo(true)" src="editor/images/redo.png" alt="Redo" title="Redo"></div></td>
		<td>
		</td>
		<td><input type="button" style="width:60px" value="Admin" onclick="editor.showPropertiesWindow(website)" /></td>
		<td>
		</td>
<!--		<td><input type="button" style="width:70px" value="My Data" onclick="editor.showPropertiesWindow(pof.getUserData())" /></td>
		<td>-->
		</td>
		<td>
			<table id="tabTable" cellpadding="0" cellspacing="0" id="Buttons2_rte1" height="28">
				<tr>
					
					<td><a href="javascript:void(0)" id="contentTab" class="selected">Content</a></td>
					<td><a href="javascript:void(0)" id="layoutTab">Layout</a></td>
				</tr>
			</table>
		</td>
		<td><div class="editButton"><img class="clickTarget" style="display:none" onclick="editor.showPropertiesWindow(pjs.load('root'))" id="system" src="editor/images/cog_edit.gif"  alt="System Properties" title="System Properties"></div></td>
	</tr>
</table>
</div>


<div id="explorer"></div>
  <div id='renderingBody' style="height:100%"></div>
  <script type="text/javascript" src="js/persevere.js"></script>    
  <script type="text/javascript" src="js/illuminate.js"></script>    
  <div id="highlightArea"> </div>
 <script src="auth/editmode.js"></script> 

   <script type="text/javascript">   
   illum.fullPage = true;
   debugMode = true;
    illum.targetPageName = "null";
	illum.loadWebsite();
   </script>
</body>





<script type="text/javascript">
var oldID;
window.onload=function() {
	if (window.correctPNG)
		correctPNG();
	initEditButtons();
}
function editClick(doc) {
}
function updateOccurred() {
	frames['edittoolbar'].updateAnchorTargets();
}


function initEditButtons() {
	var divs = document.getElementsByTagName("div");
	function buttonActionCreator(className,element) {
		return function() {
			element.className =className;
		}
	}
	for (var i = 0; i < divs.length; i++) {
		var div = divs[i];
		if (div.className == "editButton") {
			var button = div.getElementsByTagName("img")[0];
			button.onmouseover = buttonActionCreator("editButtonHover",div);
			button.onmouseout = buttonActionCreator("editButton",div);
			button.onmousedown = buttonActionCreator("editButtonDown",div);
			button.onmouseup = buttonActionCreator("editButtonHover",div);
		}
	}
}
var showLayoutEnabled = false;
var tabAnchors = byId("tabTable").getElementsByTagName("a");
function switchTabs(evt) {
	if (!evt)
		evt = window.event;
	for (var i = 0; i < tabAnchors.length; i++) {
		tabAnchors[i].className = tabAnchors[i] == (evt.srcElement || evt.target) ? "selected" : "notSelected";
	}
}
function dropDownClick(dropDownId) {
	editor.recordRange();
	byId(dropDownId).getElementsByTagName("table")[0].onclick();
}
byId("contentTab").onclick = function(evt) {
	switchTabs(evt);
	showLayout(showLayoutEnabled = false);	
}
byId("layoutTab").onclick =function(evt) {
	switchTabs(evt);
	showLayout(showLayoutEnabled = true);	
}
function myDataTab() {
	editor.showPropertiesWindow(pof.getUserData());
}
function adminTab() {
	editor.showPropertiesWindow(website.get('basis'));
}

if (document.all)
 window.onbeforeunload=function() {
	for (var i = 0; i < document.all.length; i++) {
		var target = document.all[i];
		target.onmouseover=target.onmouseout=target.onmousedown=target.onmouseup=null;
	}
 } 
</script>
<!--[if lt IE 7]><![if gte IE 5.5000]>
<script type="text/javascript">


function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
   {
   var images = document.images;
   for(var i=0; i<images.length; i++)
      {
	  var img = images[i];
	  var imgName = img.src.toUpperCase()
	  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	     {
		 var imgID = (img.id) ? "id='" + img.id + "' " : ""
		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 var imgStyle = "display:inline-block;" + img.style.cssText
		 if (img.onclick) {
			 var sourceCode = img.onclick.toString();
			 sourceCode = sourceCode.substring(sourceCode.indexOf("{")+2,sourceCode.lastIndexOf("}")-1);
			 var imgOnclick = img.onclick ? "onclick=\"" + sourceCode + "\" ": "";
		 }
		 else
			 var imgOnclick = "";
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
		 var strNewHTML = "<img src='auth/images/spacer.gif' alt='" + img.alt + "' style='position:absolute;z-index:1;width:24px;height=24px' " + imgOnclick + "/> <span " + imgID + imgClass + imgTitle 
		 + " style=\"" + imgStyle + ";"
	     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
		 img.outerHTML = strNewHTML
		 i = i-1
	     }
      }
   }



</script>
<![endif]><![endif]-->


  </html>